<template>
  <span>
   <el-button size="small" type="primary" v-if="status==0 || status==1 " :data-status="status">审核中</el-button>
   <el-button size="small" type="primary" v-if="status==2" :data-status="status">审核不通过</el-button>
   <el-button size="small" type="primary" v-if="status==3" :data-status="status">审核通过</el-button>
   <el-button size="small" type="primary" v-if="status==4" :data-status="status">报名中</el-button>
   <el-button size="small" type="primary" v-if="status==5" :data-status="status">报名截止</el-button>
   <el-button size="small" type="primary" v-if="status==6" :data-status="status">进行中</el-button>
   <el-button size="small" type="primary" v-if="status==7" :data-status="status">已结束</el-button>
   <el-button size="small" type="primary" v-if="status==8" :data-status="status">提前关闭</el-button>
  </span>
</template>

<script>
  export default {
    props: {
      status: {
        type: Number,
        default: 0
      }
    }
  }
</script>

<style lang="scss" scoped>
    .el-button {
        min-width:0;
        cursor: inherit;
        border: 0;
        &[data-status='5'],
        &[data-status='7'],
        &[data-status='8']  {
            background: #bbbbbb;
        }
        &[data-status='2'] {
            background: #fd6f01 
        }
        &[data-status='3'] {
            background: #89d034
        }
    }
</style>
